<template>
  <div>
    <div
      style="margin:10px 0;background:#fff;padding:20px"
      v-for="(item, index) in detaillists"
      :key="index"
    >
      <img :src="item.imagepath" alt style="width:80px;height:80px;float:left;margin-right:15px" />
      <span style="display:inline-block;width:65%" class="detail_span fs16">
        <span class="detail_span fs16">{{item.itemname}}</span>
        <br />
        <span class="fs16">{{item.specsname}}</span>
        <br />
        <span class="fs16 colc" style="padding-top:7px;display:inline-block;width:100%">
          ￥{{item.price}}
          <span style="display:inline-block;float:right">× {{item.specssum}} 件</span>
        </span>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    detaillists: Array
  }
}
</script>

<style>
.detail_span {
  display: inline-block;
  line-height: 25px;
}
</style>
